.box {
  background-color: rgb(247, 247, 247);
  height: 740px;
  overflow-y: auto;
  .tou {
    background-color: white;
    padding: 10px 16px;
    img {
      margin: 0 26px;
      width: 305px;
      border-radius: 0 20px 0 0;
    }
    & > p {
      margin: 20px 61px 0;
      width: 234px;
      font-size: 21px;
      font-weight: 700;
      text-align: center;
    }
    .label {
      margin: 12.5px 0;
      display: flex;
      justify-content: center;
      height: 32px;
      span {
        padding: 2px 9.3px;
        margin: 0 3px;
        color: rgb(102, 102, 102);
        background-color: rgb(239, 239, 239);
        font-size: 12px;
        display: block;
        line-height: 32px;
      }
    }
  }
  .booklist {
    background-color: white;
    margin-top: 5.2px;
    padding: 10px;
    & > h3 {
      margin: 10px 0;
      font-size: 20.7px;
      font-weight: 700;
    }
    ul {
      padding: 0 10px;
      li {
        margin-bottom: 18.7px;
        height: 138.3px;
        display: flex;
        img {
          height: 100%;
          border-radius: 0 20px 0 0;
        }
        .centent {
          margin-left: 14.5px;
          width: 230px;
          h3 {
            font-size: 16.6px;
            font-weight: 700;
            margin: 10px 0;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          p {
            overflow: hidden;
            margin-top: 11px;
            font-size: 12px;
            font-weight: 100;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          .user {
            margin-top: 10px;
            height: 25px;
            display: flex;
            align-items: center;
            img {
              height: 100%;
              border-radius: 50%;
              margin-right: 12.5px;
            }
          }
        }
      }
    }
  }
}
